const { defineConfig } = require('@vue/cli-service')
const path = require('path');
module.exports = defineConfig({
  publicPath: process.env.NODE_ENV === 'development' ? '/' : '/',
  transpileDependencies: true,
  chainWebpack: config => {
    // 配置网页标题
    config.plugin('html').tap((args) => {
      args[0].title = '教研中心'
      return args
    })
  },
  css: {
    loaderOptions: {
      // 单独配置scss或sass，配置scss语句结尾必须要有分号，配置sass语句结尾必须没有分号
      scss: {
        additionalData: `@import "@/styles/variables.scss";`,
        sassOptions: {
          outputStyle: 'expanded'
        }
      },
    },
  },
  devServer: {
    // 代理配置
    proxy: {
      // 匹配 /api 的请求
      '/api': {
        // 目标服务器地址
        target: 'https://jy.etjbooks.com.cn',
        // 需要和目标服务器的端口号一致
        ws: true,
        // 如果需要代理跨域的websocket
        changeOrigin: true,
        // 如果你的目标服务器使用的是虚拟路径，需要设置这个参数
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
})
